<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 引入css 初始化的css 文件 -->
    <link rel="stylesheet" href="css/base.css">
    <!-- 引入公共样式的css 文件 -->
    <link rel="stylesheet" href="css/common.css">
    <!-- 引入详情页面的css文件 -->
    <link rel="stylesheet" href="css/detail.css">
    <!-- 引入我们的js 文件 -->
    <script src="js/detail.js"></script>
    <link rel="stylesheet" href="./css/product.css">
    <link rel="stylesheet" href="./css/bootstrap.min.css">
</head>

<body id="top">
    <!-- 头部 -->
    <header class="container">
        <div class="row zbb_head">
            <a href="./regiest.html" class="col-md-2">亲，请登录 免费注册</a>
            <ul class="list-inline col-md-10 text-right">
                <li><a href="./index.html">商城首页</a></li>
                <li><a href="javascript:;"><span class="iconfont">&#xe645;</span>个人中心</a></li>
                <li><a href="./pay.html"><span class="iconfont">&#xe73c;</span>购物车2</a></li>
                <li><a href="javascript:;"><span class="iconfont">&#xe663;</span>收藏夹</a></li>
            </ul>
        </div>
    </header>
    <!-- 搜索 -->
    <nav class="zbb_nav">
        <img src="./images/logobig.png" style="margin-left: 130px;">
        <form action="">
            <input type="search" placeholder="搜索">
            <button>搜索</button>
        </form>
    </nav>
    <!-- 导航 -->
    <div class="max">
        <div class="zbb_dh">
            <ul class="dh_1 list-inline">
                <li class="dh_2 "><a href="javascript:;">全部分类</a></li>
                <li class="q"><a href="./index.html">首页</a></li>
                <li class="q"><a href="javascript:;">闪购</a></li>
                <li class="q"><a href="javascript:;">限时抢</a></li>
                <li class="q"><a href="javascript:;">团购</a></li>
                <li class="q"><a href="javascript:;">大包装</a></li>
            </ul>
        </div>
    </div>
    <div class="shangp">
        <div class="crumb_wrap">
            <a href="./index.html">首页</a> / <a href="#">分类 </a> / <a href="#">内容 </a>
        </div>
        <!-- 产品介绍模块 -->
        <div class="product_intro clearfix">
            <!-- 预览区域 -->
            <div class="preview_wrap fl">
                <div class="preview_img">
                    <img src="./images/01_mid.jpg" width="100%" alt="">
                    <div class="mask"></div>
                    <div class="big">
                        <img src="./images/01.jpg" alt="" class="bigImg">
                    </div>
                </div>

                <div class="preview_list">
                    <a href="#" class="arrow_prev"></a>
                    <a href="#" class="arrow_next"></a>
                    <ul class="list_item">
                        <li>
                            <img src="./images/01_small.jpg" width="100%">
                        </li>
                        <li>
                            <img src="./images/02_small.jpg" width="100%">
                        </li>
                        <li>
                            <img src="./images/03_small.jpg" width="100%">
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 产品详细信息 -->
            <div class="itemInfo_wrap fr">
                <div class="sku_name">
                    良品铺子 手剥松子218g 坚果炒货 巴西松子
                </div>
                <div class="summary">
                    <dl class="summary_price" style="margin-bottom: 0px;">
                        <dt>价格</dt>
                        <dd>
                            <i class="price">￥56.90 </i>

                            <a href="#">降价通知</a>

                            <div class="remark">累计评价612188</div>

                        </dd>
                    </dl>
                    <dl class="summary_promotion">
                        <dt>原价</dt>
                        <dd>
                            <s style="text-decoration: line-through;">￥98.90 </s>
                        </dd>
                    </dl>
                    <dl class="summary_promotion">
                        <dt>促销</dt>
                        <dd>
                            <em>加购价</em> 满999.00另加20.00元，或满1999.00另加30.00元，或满2999.00另加40.00元，即可在购物车换 购热销商品 详情 》

                        </dd>
                    </dl>
                    <dl class="summary_support">
                        <dt>配送至</dt>
                        <dd>
                            <select>
                                <option value="caca">浙江省</option>
                                <option value="caca">江西省</option>
                                <option value="caca">福建省</option>
                                <option value="caca">湖南省</option>
                            </select>
                            <select>
                                <option value="caca">温州市</option>
                                <option value="caca">九江市</option>
                                <option value="caca">阜阳</option>
                                <option value="caca">长沙</option>
                            </select>
                            <select>
                                <option value="caca">瑞安区</option>
                                <option value="caca">庐山市</option>
                                <option value="caca">平潭</option>
                                <option value="caca">雨湖区</option>
                            </select>
                        </dd>
                    </dl>
                    <dl class="choose_color">
                        <dt>口味</dt>
                        <dd class="smo">
                            <a href="javascript:;" class="current">原味</a>
                            <a href="javascript:;">奶油</a>
                            <a href="javascript:;">炭烧</a>
                            <a href="javascript:;">咸香</a>
                        </dd>
                    </dl>
                    <dl class="choose_version">
                        <dt>包装</dt>
                        <dd class="smo">
                            <a href="javascript:;" class="current">手袋单人份</a>
                            <a href="javascript:;">礼盒双人份</a>
                            <a href="javascript:;">全家福礼包</a>
                        </dd>
                    </dl>
                    <dl class="">
                        <dt>数量</dt>
                        <dd class="smo1">
                            <button style="width: 20px;height:20px;border: 0px;">-</button><input type="text" value="1"
                                style="width: 30px;outline: none;margin: 0px 3px;"><button
                                style="width: 20px;height:20px;border: 0px;">+</button>
                        </dd>
                    </dl>
                    <div class="choose_btns">
                        <a href="./paied.html" class="addcar1">立即购买</a>
                        <a href="./pay.html" class="addcar">加入购物车</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 套餐 -->
    <div class="tc">
        <p style="font-weight: bold;border-bottom: 1px solid #eee;font-size: 20px;color: #EF3724;">优惠套装</p>
        <div class="tc1">
            <div>
                <img src="./images/cp.jpg">
                <p style="font-size: 14px;font-weight: bold;">萨拉米 1+1 小鸡腿</p>
                <p><span style="font-weight: bold;color:#EF3724;font-size: 15px;">￥29.90</span><span
                        style="text-decoration: line-through;color: #ccc;">￥199.00</span></p>
            </div>
            <span style="margin: 0px 6px;font-size: 18px;">+</span>
            <div>
                <img src="./images/cp2.jpg">
                <p style="font-size: 14px;font-weight: bold;">ZEK 原味海苔</p>
                <p><span style="font-weight: bold;color:#EF3724;font-size: 15px;">￥29.90</span><span
                        style="text-decoration: line-through; color: #ccc;">￥199.00</span></p>
            </div>
            <span style="margin: 0px 6px;font-size: 18px;">=</span>
            <div style="width: 160px;text-align: center;">
                <p style="font-weight: bold;color:#EF3724;font-size:16px;">套餐价：￥8.90</p>
                <p>共省：￥299.00</p>
                <a href="./pay.html" class="addcar">立即购买</a>
            </div>
        </div>
    </div>
    <!-- 商品详情 -->
    <div class="xijie">
        <div class="aside">
            <div class="tab_list">
                <ul>
                    <li class="first_tab">看了又看</li>
                </ul>
            </div>
            <div class="tab_con">

                <ul>
                    <li>
                        <img src="./images/browse1.jpg" alt="">
                        <p>【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味</p>
                        <div class="aside_price">¥35.90</div>
                    </li>
                    <li>
                        <img src="./images/browse1.jpg" alt="">
                        <p>【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味</p>
                        <div class="aside_price">¥35.90</div>
                    </li>
                    <li>
                        <img src="./images/browse1.jpg" alt="">
                        <p>【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味</p>
                        <div class="aside_price">¥35.90</div>
                    </li>
                    <li>
                        <img src="./images/browse1.jpg" alt="">
                        <p>【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味</p>
                        <div class="aside_price">¥35.90</div>
                    </li>
                    <li>
                        <img src="./images/browse1.jpg" alt="">
                        <p>【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味</p>
                        <div class="aside_price">¥35.90</div>
                    </li>
                    <li style="border: 0px;">
                        <img src="./images/browse1.jpg" alt="">
                        <p>【三只松鼠_开口松子】零食坚果特产炒货东北红松子原味</p>
                        <div class="aside_price">¥35.90</div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="ari">
            <ul class="nav nav-tabs">
                <li class="active"><a href="#name1" data-toggle="tab">宝贝详情</a></li>
                <li><a href="#name2" data-toggle="tab">全部评价</a></li>
                <li><a href="#name3" data-toggle="tab">猜你喜欢</a></li>
            </ul>
            <!-- 选项卡面板 -->
            <div class="tab-content">
                <div class="tab-pane active fade in" id="name1">
                    <p style="width: 90px;border-bottom:2px solid #E4C5A8;padding: 10px 0px;">产品参数：</p>
                    <ul class="tab_xq">
                        <li>产品类型:烘炒类</li>
                        <li>原料产地:巴基斯坦</li>
                        <li>产地:湖北省武汉市</li>
                        <li>配料表:进口松子、食用盐</li>
                        <li>产品规格:210g</li>
                        <li>保质期:180天</li>
                        <li>产品标准号:GB/T 22165</li>
                        <li>生产许可证编号:QS4201 1801 0226</li>
                        <li>储存方法:请放置于常温、阴凉、通风、干燥...</li>
                        <li>食用方法:开袋去壳即食</li>
                    </ul>
                    <p style="width: 90px;border-bottom:2px solid #E4C5A8;padding: 10px 0px;">商品细节</p>
                    <img src="./images/tw1.jpg" width="100%">
                    <img src="./images/tw2.jpg" width="100%">
                    <img src="./images/tw3.jpg" width="100%">
                    <img src="./images/tw4.jpg" width="100%">
                    <img src="./images/tw5.jpg" width="100%">
                    <img src="./images/tw6.jpg" width="100%">
                    <img src="./images/tw7.jpg" width="100%">
                    <div class="footer">
                        <p class="ft1">
                            <a href="javascript:;">恒望科技</a>
                            <a href="./index.html">商城首页</a>
                            <a href="javascript:;">支付宝</a>
                            <a href="javascript:;">物流</a>
                        </p>
                        <hr style="margin-top: 0px;">
                        <p><a href="javascript:;">关于恒望 </a><a href="javascript:;"> 合作伙伴</a><a href="javascript:;">
                                联系我们</a><a href="javascript:;"> 网站地图</a> ◎ 2015-2025
                            Hengwang.com版权所有.更多模板模板在线厚朴网络淘宝店-Collect
                            from模板在线厚朴网络淘宝店</p>
                    </div>
                </div>
                <div class="tab-pane fade" id="name2">
                    <div style="display: flex;">
                        <div style="text-align: center;height: 100px;">
                            <p><span style="font-size: 50px;color:#EF3724;font-weight: bold;">100</span>%</p>
                            <p>好评度</p>
                        </div>
                        <div class="pijia">
                            <p
                                style="font-size: 16px;color:#EF3724;margin: 10px 0 0 0;font-family: '黑体';font-weight: bold;">
                                买家印象</p>
                            <ul>
                                <li>"味道不错(2117)"</li>
                                <li>"颗粒饱满(1860)"</li>
                                <li>"口感好(1823)"</li>
                                <li>"商品不错(1689)"</li>
                                <li>"香脆可口(1488)"</li>
                                <li>"个个开口(1392)"</li>
                                <li>"价格便宜(1119)"</li>
                                <li>"特价买的(865)"</li>
                                <li>"皮很薄(831)"</li>
                            </ul>
                        </div>
                    </div>
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>b*****1(匿名) <span>评论与 2015年11月02日 17:46</span></div>
                            <div>摸起来丝滑柔软 不厚 没色差 颜色好看！ 买这个衣服还接到了找电话 我就好像他们咋这么针对我们了这件衣服标签找到了我打电话的!
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <!-- 2 -->
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>1*****4(匿名) <span>评论与 2015年10月02日 09:46</span></div>
                            <div>很暖和......美美的
                                <p>颜色分类：蓝调灰 尺码：2XL</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <!-- 3 -->
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>7*****y(匿名) <span>评论与 2015年07月15日 20:46</span></div>
                            <div>摸起来丝滑柔软 不厚 没色差 颜色好看！ 买这个衣服还接到了找电话 我就好像他们咋这么针对我们了这件衣服标签找到了我打电话的!
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <!-- 第四个 -->
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>8*****8(匿名) <span>评论与 2015年12月20日 14:52</span></div>
                            <div>样式不错，初冬穿
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>

                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>1*****4(匿名) <span>评论与 2015年10月02日 09:46</span></div>
                            <div>很暖和......美美的
                                <p>颜色分类：蓝调灰 尺码：2XL</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <!-- 3 -->
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>7*****y(匿名) <span>评论与 2015年07月15日 20:46</span></div>
                            <div>摸起来丝滑柔软 不厚 没色差 颜色好看！ 买这个衣服还接到了找电话 我就好像他们咋这么针对我们了这件衣服标签找到了我打电话的!
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <!-- 第四个 -->
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>8*****8(匿名) <span>评论与 2015年12月20日 14:52</span></div>
                            <div>样式不错，初冬穿
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>1*****4(匿名) <span>评论与 2015年10月02日 09:46</span></div>
                            <div>很暖和......美美的
                                <p>颜色分类：蓝调灰 尺码：2XL</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <!-- 3 -->
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>7*****y(匿名) <span>评论与 2015年07月15日 20:46</span></div>
                            <div>摸起来丝滑柔软 不厚 没色差 颜色好看！ 买这个衣服还接到了找电话 我就好像他们咋这么针对我们了这件衣服标签找到了我打电话的!
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <!-- 第四个 -->
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>8*****8(匿名) <span>评论与 2015年12月20日 14:52</span></div>
                            <div>样式不错，初冬穿
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>1*****4(匿名) <span>评论与 2015年10月02日 09:46</span></div>
                            <div>很暖和......美美的
                                <p>颜色分类：蓝调灰 尺码：2XL</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <!-- 3 -->
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>7*****y(匿名) <span>评论与 2015年07月15日 20:46</span></div>
                            <div>摸起来丝滑柔软 不厚 没色差 颜色好看！ 买这个衣服还接到了找电话 我就好像他们咋这么针对我们了这件衣服标签找到了我打电话的!
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <!-- 第四个 -->
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>8*****8(匿名) <span>评论与 2015年12月20日 14:52</span></div>
                            <div>样式不错，初冬穿
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>8*****8(匿名) <span>评论与 2015年12月20日 14:52</span></div>
                            <div>样式不错，初冬穿
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>1*****4(匿名) <span>评论与 2015年10月02日 09:46</span></div>
                            <div>很暖和......美美的
                                <p>颜色分类：蓝调灰 尺码：2XL</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>8*****8(匿名) <span>评论与 2015年12月20日 14:52</span></div>
                            <div>样式不错，初冬穿
                                <p>颜色分类：柠檬黄 尺码：S</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <div class="appraise-box3">
                        <div>
                            <img src="../images/hwbn40x40.jpg" alt="">
                        </div>
                        <div class="appraise-box3-lun">
                            <div>1*****4(匿名) <span>评论与 2015年10月02日 09:46</span></div>
                            <div>很暖和......美美的
                                <p>颜色分类：蓝调灰 尺码：2XL</p>
                            </div>
                        </div>
                        <div class="sjx"></div>
                    </div>
                    <nav aria-label="Page navigation ">
                        <ul class="pagination" style="margin-left: 75%;">
                            <li>
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li>
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <div class="footer">
                        <p class="ft1">
                            <a href="javascript:;">恒望科技</a>
                            <a href="./index.html">商城首页</a>
                            <a href="javascript:;">支付宝</a>
                            <a href="javascript:;">物流</a>
                        </p>
                        <hr style="margin-top: 0px;">
                        <p><a href="javascript:;">关于恒望 </a><a href="javascript:;"> 合作伙伴</a><a href="javascript:;">
                                联系我们</a><a href="javascript:;"> 网站地图</a> ◎ 2015-2025
                            Hengwang.com版权所有.更多模板模板在线厚朴网络淘宝店-Collect
                            from模板在线厚朴网络淘宝店</p>
                    </div>
                </div>
                <div class="tab-pane fade" id="name3">
                    <div>
                        <div class="nr3">
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                            <div>
                                <img src="./images/02_mid.jpg">
                                <p>【良品铺子_开口松子】零食坚果特产炒货东北红松子奶油味</p>
                                <b>￥298.00</b>
                            </div>
                        </div>
                    </div>
                    <nav aria-label="Page navigation ">
                        <ul class="pagination" style="margin-left: 75%;">
                            <li>
                                <a href="#" aria-label="Previous">
                                    <span aria-hidden="true">&laquo;</span>
                                </a>
                            </li>
                            <li class="active"><a href="#">1</a></li>
                            <li><a href="#">2</a></li>
                            <li><a href="#">3</a></li>
                            <li><a href="#">4</a></li>
                            <li><a href="#">5</a></li>
                            <li>
                                <a href="#" aria-label="Next">
                                    <span aria-hidden="true">&raquo;</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                    <div class="footer">
                        <p class="ft1">
                            <a href="javascript:;">恒望科技</a>
                            <a href="./index.html">商城首页</a>
                            <a href="javascript:;">支付宝</a>
                            <a href="javascript:;">物流</a>
                        </p>
                        <hr style="margin-top: 0px;">
                        <p><a href="javascript:;">关于恒望 </a><a href="javascript:;"> 合作伙伴</a><a href="javascript:;">
                                联系我们</a><a href="javascript:;"> 网站地图</a> ◎ 2015-2025
                            Hengwang.com版权所有.更多模板模板在线厚朴网络淘宝店-Collect
                            from模板在线厚朴网络淘宝店</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 悬浮窗 -->
    <div class="xfc">
        <div>
            <a></a>
            <div class="xfc-tx">
                <div>
                    <img src="./images/no-img_mid_.jpg" alt="" class="img-circle">
                </div>
                <div>
                    <p>用户名s1156</p>
                    <p>级别 普通会员</p>
                </div>
                <a style="margin-left: 40px;" href="javascript:;">我的订单</a>
                <a href="javascript:;">我的收藏</a>
            </div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <h3>购 物 车</h3>
            <p>0</p>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>余额宝</div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>大脚板</div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>爱心</div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>爱心</div>
        </div>
        <!--  -->
        <div>
            <a href="javascript:;"></a>
            <div>客服</div>
        </div>

        <div>
            <a href="javascript:;"></a>
            <div>
                <img src="./images/weixin_code_145.png" alt="">
            </div>
        </div>

        <div>
            <a href="#top"></a>
            <div>返回顶部</div>
        </div>
    </div>
</body>

</html>
<script src="./js/jquery.js"></script>
<script src="./js/bootstrap.min.js"></script>
<script>
    $('.smo>a').on('click', function () {
        $(this).addClass('current').siblings().removeClass('current');
    })
    $('.smo1>button').click(function () {
        var val = $(this).siblings('input').val();
        // console.log(typeof (price))
        if ($(this).index() == 0) {
            if (val > 1) {
                val--;
            }
        } else {
            val++;
        }
        $(this).siblings('input').val(val)
    })

    $('.xfc').children().children('div').hide()
    $('.xfc').children().on({
        mouseover: function () {
            $(this).children('div').show()
        }, mouseout: function () {
            $(this).children('div').hide()
        }
    })
</script>